iT邦幫忙

2024 iThome 鐵人賽

DAY 21
0

React vs Vue

  • React要用onChange提供反向資料流,Vue是透過v-model達成雙向綁定
  • Vue的ref類似useState,而非useRef。後者可以保存不用重渲染的資料。
  • Vue的onClick會簡寫成@click,全名是v-on:click
  • useState類似Vue的ref;useRef則是類似Vue的v-model,可拿來取得input的value
  • React styled component可以解決汙染問題,類似Vue style scoped
  • Flow.js可以做型別檢查。由FB開發,很適合搭配React。不過Vue 3也已是全面支援TypeScript
  • 可以拿來做3D的React Three Fiber在2019便發布,而Vue的自定義渲染器TresJS在3年後誕生,比前輩TroisJS還好用
  • React的Class Component有生命週期API,關鍵字是mount, update和 unmount;Functional Component沒有生命週期API,即便useEffect也不是
  • Vue組件的生命週期首先會setup,後續則是對template進行解析。關鍵字比React多了create
  • 在Vue 3的Composition API中,那些生命週期的Hook名稱都以on開頭
  • Jest於三大框架皆可做測試,受React官方推薦;React Testing Library則可用來選取DOM,比Enzyme更以使用者角度思考
  • Vue Test Utils是Vue官方提供用來簡化測試的工具庫,可以用來模擬DOM渲染後的樣貌;基於Vite環境、架構很近似Jest的Vitest才是測試框架;小秘密是:其實也有Vue Testing Library

這部分除了拾起、並整理前面文章散落的資訊外,還為了對React有更廣泛的認識,而去填補更多知識、延伸出更多的文字。算是進入實作前的過渡。
查閱資料時發現Vue真的越追越緊,特別是「重新發明Vue」的Vue 3。
接下來很看React 19如何發展了,後生可畏啊。


上一篇
【Day20】Recap2
下一篇
【Day22】RSC
系列文
【現在學React還來得及嗎?】30天Takeaway分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言